227. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2024-03-04 14:39:08 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

227.1 Files compared

#	Location	File	Last Modified
1	/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.7/app/design/frontend/Smartwave/porto_rtl/Smartwave_Porto/web/css/source	_module.less	2023-03-10 04:20:26 +0000
2	/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.8/app/design/frontend/Smartwave/porto_rtl/Smartwave_Porto/web/css/source	_module.less	2024-03-02 08:31:51 +0000

227.2 Comparison summary

Description	Between Files 1 and 2
Description	Text Blocks	Lines
Unchanged	2	3488
Changed	0	0
Inserted	1	129
Removed	0	0

227.3 Comparison options

Whitespace	Consecutive whitespace is treated as a single space
Character case	Differences in character case are significant
Line endings	Differences in line endings (`CR` and `LF` characters) are ignored
CR/LF characters	Not shown in the comparison detail
Active line-pairing rules

227.4 Active regular expressions

No regular expressions were active.

227.5 Comparison detail

1	// /**	1	// /**
2	// * Copyright © 2015 Magento. All rights reserved.	2	// * Copyright © 2015 Magento. All rights reserved.
3	// * See COPYING.txt for license details.	3	// * See COPYING.txt for license details.
4	// */	4	// */
5	& when (@media-common = true) {	5	& when (@media-common = true) {
6	.theme-color {	6	.theme-color {
7	color: @theme-color !important;	7	color: @theme-color !important;
8	}	8	}
9	.block {	9	.block {
10	.block-title {	10	.block-title {
11	margin: 5px 0 10px;	11	margin: 5px 0 10px;
12	line-height: 1.2;	12	line-height: 1.2;
13	font-size: 16px;	13	font-size: 16px;
14	}	14	}
15	}	15	}
16	.porto-separator {	16	.porto-separator {
17	margin: 0 0 22px;	17	margin: 0 0 22px;
18	&.short {	18	&.short {
19	margin: -11px 0 11px;	19	margin: -11px 0 11px;
20	}	20	}
21	&.tall {	21	&.tall {
22	margin: 22px 0 44px;	22	margin: 22px 0 44px;
23	}	23	}
24	&.taller {	24	&.taller {
25	margin: 44px 0 66px;	25	margin: 44px 0 66px;
26	}	26	}
27	.separator-line {	27	.separator-line {
28	margin: 0 auto;	28	margin: 0 auto;
29	&.align_left {	29	&.align_left {
30	margin: 0 0 0 auto;	30	margin: 0 0 0 auto;
31	}	31	}
32	&.align_center {	32	&.align_center {
33	margin: 0 auto;	33	margin: 0 auto;
34	}	34	}
35	&.align_right {	35	&.align_right {
36	margin: 0 auto 0 0;	36	margin: 0 auto 0 0;
37	}	37	}
38	}	38	}
39	}	39	}
40	.porto-ibanner {	40	.porto-ibanner {
41	z-index: 1;	41	z-index: 1;
42	overflow: hidden;	42	overflow: hidden;
43	margin: 0 0 35px;	43	margin: 0 0 35px;
44	text-align: center;	44	text-align: center;
45	&,>img {	45	&,>img {
46	display: block;	46	display: block;
47	position: relative;	47	position: relative;
48	}	48	}
49	>img {	49	>img {
50	width: 100%;	50	width: 100%;
51	transition: opacity 0.35s;	51	transition: opacity 0.35s;
52	border: none;	52	border: none;
53	padding: 0;	53	padding: 0;
54	margin: 0;	54	margin: 0;
55	min-height: inherit;	55	min-height: inherit;
56	object-fit: cover;	56	object-fit: cover;
57	transition: transform 0.5s,opacity 0.5s;	57	transition: transform 0.5s,opacity 0.5s;
58	-webkit-backface-visibility: hidden;	58	-webkit-backface-visibility: hidden;
59	&.porto-lazyload:not(.lazy-load-loaded) {	59	&.porto-lazyload:not(.lazy-load-loaded) {
60	visibility: hidden;	60	visibility: hidden;
61	}	61	}
62	}	62	}
63	&-layer {	63	&-layer {
64	text-align: right;	64	text-align: right;
65	font-size: 1rem;	65	font-size: 1rem;
66	}	66	}
67	.porto-ibanner-desc {	67	.porto-ibanner-desc {
68	padding: 15px;	68	padding: 15px;
69	color: #fff;	69	color: #fff;
70	font-size: 1em;	70	font-size: 1em;
71	-webkit-backface-visibility: hidden;	71	-webkit-backface-visibility: hidden;
72	backface-visibility: hidden;	72	backface-visibility: hidden;
73	transition: opacity 0.3s;	73	transition: opacity 0.3s;
74	&.no-padding {	74	&.no-padding {
75	padding: 0;	75	padding: 0;
76	}	76	}
77	.porto-ibanner-container {	77	.porto-ibanner-container {
78	position: relative;	78	position: relative;
79	height: 100%;	79	height: 100%;
80	}	80	}
81	&:before,&:after {	81	&:before,&:after {
82	pointer-events: none;	82	pointer-events: none;
83	}	83	}
84	}	84	}
85	.porto-ibanner-desc,.porto-ibanner-link {	85	.porto-ibanner-desc,.porto-ibanner-link {
86	position: absolute;	86	position: absolute;
87	top: 0;	87	top: 0;
88	right: 0;	88	right: 0;
89	width: 100%;	89	width: 100%;
90	height: 100%	90	height: 100%
91	}	91	}
92	.porto-ibanner-content {	92	.porto-ibanner-content {
93	font-size: .8125em;	93	font-size: .8125em;
94	line-height: 1.6;	94	line-height: 1.6;
95	}	95	}
96	.porto-ibanner-title,p {	96	.porto-ibanner-title,p {
97	letter-spacing: normal;	97	letter-spacing: normal;
98	padding: 0;	98	padding: 0;
99	margin: 0;	99	margin: 0;
100	font-size: inherit;	100	font-size: inherit;
101	line-height: inherit;	101	line-height: inherit;
102	font-weight: inherit;	102	font-weight: inherit;
103	text-decoration: inherit;	103	text-decoration: inherit;
104	font-style: inherit;	104	font-style: inherit;
105	color: inherit;	105	color: inherit;
106	}	106	}
107	a.porto-ibanner-link {	107	a.porto-ibanner-link {
108	display: block;	108	display: block;
109	z-index: 7;	109	z-index: 7;
110	opacity: 0;	110	opacity: 0;
111	background: 0 0;	111	background: 0 0;
112	}	112	}
113	}	113	}
114	ul.products {	114	ul.products {
115	.product-col {	115	.product-col {
116	padding-left: 10px;	116	padding-left: 10px;
117	padding-right: 10px;	117	padding-right: 10px;
118	}	118	}
119	li.product-category {	119	li.product-category {
120	text-align: center;	120	text-align: center;
121	a {	121	a {
122	text-decoration: none;	122	text-decoration: none;
123	}	123	}
124	.thumb-info {	124	.thumb-info {
125	min-height: 90px;	125	min-height: 90px;
126	margin-bottom: 0;	126	margin-bottom: 0;
127	text-align: left;	127	text-align: left;
128		128
129	h3 {	129	h3 {
130	font-weight: 700;	130	font-weight: 700;
131	margin: 0 0 10px;	131	margin: 0 0 10px;
132	color: inherit;	132	color: inherit;
133	letter-spacing: -.005em;	133	letter-spacing: -.005em;
134	}	134	}
135	}	135	}
136	.thumb-info-title {	136	.thumb-info-title {
137	background: none;	137	background: none;
138	max-width: none;	138	max-width: none;
139	width: 100%;	139	width: 100%;
140	bottom: 0;	140	bottom: 0;
141	padding: 1.2em 1.5em;	141	padding: 1.2em 1.5em;
142	margin: 0;	142	margin: 0;
143	}	143	}
144	.thumb-info-type {	144	.thumb-info-type {
145	display: block;	145	display: block;
146	margin: -10px 0 0;	146	margin: -10px 0 0;
147	padding: 0;	147	padding: 0;
148	font-weight: 400;	148	font-weight: 400;
149	background: none;	149	background: none;
150	float: none;	150	float: none;
151	opacity: .7;	151	opacity: .7;
152	line-height: 1.8;	152	line-height: 1.8;
153	}	153	}
154		154
155	mark {	155	mark {
156	padding: 0;	156	padding: 0;
157	background: none;	157	background: none;
158	color: inherit;	158	color: inherit;
159	}	159	}
160	.thumb-info-wrapper:after {	160	.thumb-info-wrapper:after {
161	background: rgba(27, 27, 23, .15);	161	background: rgba(27, 27, 23, .15);
162	z-index: 1;	162	z-index: 1;
163	opacity: 1;	163	opacity: 1;
164	}	164	}
165	&:hover .thumb-info-wrapper:after {	165	&:hover .thumb-info-wrapper:after {
166	background: rgba(27, 27, 23, .3);	166	background: rgba(27, 27, 23, .3);
167	}	167	}
168	}	168	}
169	li.cat-has-icon {	169	li.cat-has-icon {
170	.thumb-info {	170	.thumb-info {
171	padding: 40px 0 25px;	171	padding: 40px 0 25px;
172	transition: box-shadow .2s;	172	transition: box-shadow .2s;
173	text-align: center;	173	text-align: center;
174	> i {	174	> i {
175	font-size: 3em;	175	font-size: 3em;
176	display: inline-block;	176	display: inline-block;
177	margin-bottom: 15px;	177	margin-bottom: 15px;
178	}	178	}
179	}	179	}
180	.thumb-info-wrap {	180	.thumb-info-wrap {
181	display: block;	181	display: block;
182	}	182	}
183	.thumb-info-title {	183	.thumb-info-title {
184	display: block;	184	display: block;
185	position: static;	185	position: static;
186	padding: 0 0 10px;	186	padding: 0 0 10px;
187	}	187	}
188	}	188	}
189	&.category-pos-middle li.product-category .thumb-info-title {	189	&.category-pos-middle li.product-category .thumb-info-title {
190	position: absolute;	190	position: absolute;
191	bottom: auto;	191	bottom: auto;
192	top: 50%;	192	top: 50%;
193	transform: translateY(-50%);	193	transform: translateY(-50%);
194	}	194	}
195	&.category-pos-outside li.product-category .thumb-info-title {	195	&.category-pos-outside li.product-category .thumb-info-title {
196	position: static;	196	position: static;
197	transform: none;	197	transform: none;
198	display: block;	198	display: block;
199	padding-left: 0;	199	padding-left: 0;
200	padding-right: 0;	200	padding-right: 0;
201	}	201	}
202	&.category-text-center .thumb-info-title {	202	&.category-text-center .thumb-info-title {
203	text-align: center;	203	text-align: center;
204	}	204	}
205	&.category-text-right .thumb-info-title {	205	&.category-text-right .thumb-info-title {
206	text-align: left;	206	text-align: left;
207	}	207	}
208	}	208	}
209	li.product-category {	209	li.product-category {
210	.thumb-info-title a {	210	.thumb-info-title a {
211	color: inherit	211	color: inherit
212	}	212	}
213	.thumb-info-title a:hover {	213	.thumb-info-title a:hover {
214	color: inherit;	214	color: inherit;
215	text-decoration: underline;	215	text-decoration: underline;
216	}	216	}
217	.sub-categories {	217	.sub-categories {
218	font-size: .875rem;	218	font-size: .875rem;
219	font-weight: 400;	219	font-weight: 400;
220	opacity: .7	220	opacity: .7
221	}	221	}
222	}	222	}
223	ul.category-color-dark li.product-category .thumb-info-title {	223	ul.category-color-dark li.product-category .thumb-info-title {
224	color: #1d2127;	224	color: #1d2127;
225	}	225	}
226	.grid-creative {	226	.grid-creative {
227	&.category-pos-outside {	227	&.category-pos-outside {
228	li.product-category .thumb-info {	228	li.product-category .thumb-info {
229	height: calc(~"100% - (60px)");	229	height: calc(~"100% - (60px)");
230	}	230	}
231	}	231	}
232	}	232	}
233	.porto-products.show-count-on-hover li.product-category .thumb-info-type {	233	.porto-products.show-count-on-hover li.product-category .thumb-info-type {
234	max-height: 10px;	234	max-height: 10px;
235	transition: .5s;	235	transition: .5s;
236	transform: translateY(20%);	236	transform: translateY(20%);
237	opacity: 0;	237	opacity: 0;
238	}	238	}
239	.porto-products.show-count-on-hover li.product-category:hover .thumb-info-type {	239	.porto-products.show-count-on-hover li.product-category:hover .thumb-info-type {
240	max-height: 30px;	240	max-height: 30px;
241	transform: translateY(0);	241	transform: translateY(0);
242	opacity: .7;	242	opacity: .7;
243	}	243	}
244	.porto-products.hide-count {	244	.porto-products.hide-count {
245	li.product-category {	245	li.product-category {
246	.thumb-info-type {	246	.thumb-info-type {
247	display: none;	247	display: none;
248	}	248	}
249	.thumb-info h3 {	249	.thumb-info h3 {
250	margin-bottom: 0;	250	margin-bottom: 0;
251	}	251	}
252	}	252	}
253	}	253	}
254	.thumb-info {	254	.thumb-info {
255	display: block;	255	display: block;
256	position: relative;	256	position: relative;
257	text-decoration: none;	257	text-decoration: none;
258	max-width: 100%;	258	max-width: 100%;
259	-webkit-backface-visibility: hidden;	259	-webkit-backface-visibility: hidden;
260	backface-visibility: hidden;	260	backface-visibility: hidden;
261	-webkit-transform: translate3d(0,0,0);	261	-webkit-transform: translate3d(0,0,0);
262	transform: translate3d(0,0,0);	262	transform: translate3d(0,0,0);
263	.thumb-info-wrapper {	263	.thumb-info-wrapper {
264	-webkit-backface-visibility: hidden;	264	-webkit-backface-visibility: hidden;
265	backface-visibility: hidden;	265	backface-visibility: hidden;
266	-webkit-transform: translate3d(0,0,0);	266	-webkit-transform: translate3d(0,0,0);
267	transform: translate3d(0,0,0);	267	transform: translate3d(0,0,0);
268	margin: 0;	268	margin: 0;
269	overflow: hidden;	269	overflow: hidden;
270	display: block;	270	display: block;
271	position: relative;	271	position: relative;
272	&:after {	272	&:after {
273	content: "";	273	content: "";
274	transition: all 0.3s;	274	transition: all 0.3s;
275	bottom: 0;	275	bottom: 0;
276	color: #FFF;	276	color: #FFF;
277	left: 0;	277	left: 0;
278	position: absolute;	278	position: absolute;
279	right: 0;	279	right: 0;
280	top: 0;	280	top: 0;
281	display: block;	281	display: block;
282	opacity: 0;	282	opacity: 0;
283	z-index: 1	283	z-index: 1
284	}	284	}
285	}	285	}
286	.thumb-info-title {	286	.thumb-info-title {
287	transition: all 0.3s;	287	transition: all 0.3s;
288	background: rgba(33,37,41,.8);	288	background: rgba(33,37,41,.8);
289	bottom: 13%;	289	bottom: 13%;
290	color: #fff;	290	color: #fff;
291	font-size: 17px;	291	font-size: 17px;
292	font-weight: 600;	292	font-weight: 600;
293	right: 0;	293	right: 0;
294	letter-spacing: -.05em;	294	letter-spacing: -.05em;
295	padding: 13px 21px 2px;	295	padding: 13px 21px 2px;
296	position: absolute;	296	position: absolute;
297	z-index: 2;	297	z-index: 2;
298	max-width: 90%;	298	max-width: 90%;
299	}	299	}
300	.thumb-info-inner {	300	.thumb-info-inner {
301	transition: all 0.3s;	301	transition: all 0.3s;
302	display: block;	302	display: block;
303	font: inherit;	303	font: inherit;
304	color: inherit;	304	color: inherit;
305	margin-bottom: 0;	305	margin-bottom: 0;
306	}	306	}
307	.thumb-info-type {	307	.thumb-info-type {
308	display: inline-block;	308	display: inline-block;
309	float: right;	309	float: right;
310	font-size: .6em;	310	font-size: .6em;
311	font-weight: 600;	311	font-weight: 600;
312	letter-spacing: 0;	312	letter-spacing: 0;
313	margin: 8px 0 -15px -2px;	313	margin: 8px 0 -15px -2px;
314	padding: 2px 12px;	314	padding: 2px 12px;
315	text-transform: uppercase;	315	text-transform: uppercase;
316	z-index: 2;	316	z-index: 2;
317	line-height: 2.3;	317	line-height: 2.3;
318	}	318	}
319	img {	319	img {
320	transition: all 0.3s ease;	320	transition: all 0.3s ease;
321	position: relative;	321	position: relative;
322	width: 100%;	322	width: 100%;
323	}	323	}
324	}	324	}
325	.single-subscribe {	325	.single-subscribe {
326	.newsletter {	326	.newsletter {
327	.control {	327	.control {
328	display: flex;	328	display: flex;
329	align-items: center;	329	align-items: center;
330	}	330	}
331	.input-text {display: block;flex:1;}	331	.input-text {display: block;flex:1;}
332	input {	332	input {
333	height: 3rem;	333	height: 3rem;
334	padding-right: 20px;	334	padding-right: 20px;
335	padding-left: 25px;	335	padding-left: 25px;
336	border-radius: 0 30px 30px 0;	336	border-radius: 0 30px 30px 0;
337	font-size: .75rem;	337	font-size: .75rem;
338	color: #777;	338	color: #777;
339	border: none;	339	border: none;
340	margin: 0;	340	margin: 0;
341	width: 100%;	341	width: 100%;
342	display: block;	342	display: block;
343	}	343	}
344	.action {	344	.action {
345	height: 3rem;	345	height: 3rem;
346	padding-left: 20px;	346	padding-left: 20px;
347	padding-right: 20px;	347	padding-right: 20px;
348	text-transform: uppercase;	348	text-transform: uppercase;
349	font-weight: 700;	349	font-weight: 700;
350	border-radius: 30px 0 0 30px;	350	border-radius: 30px 0 0 30px;
351	}	351	}
352	}	352	}
353	}	353	}
354	.porto-links-block {	354	.porto-links-block {
355	border: 1px solid;	355	border: 1px solid;
356	.links-title {	356	.links-title {
357	border-bottom: 1px solid;font-size: 1em;font-weight: 700;line-height: 14px;padding: 15px 20px;margin: 0;text-transform: uppercase;position: relative;letter-spacing: .12px;transition: 0.25s;	357	border-bottom: 1px solid;font-size: 1em;font-weight: 700;line-height: 14px;padding: 15px 20px;margin: 0;text-transform: uppercase;position: relative;letter-spacing: .12px;transition: 0.25s;
358	i {margin-left: 5px;}	358	i {margin-left: 5px;}
359	}	359	}
360	.links-content ul {list-style: none;padding: 5px 0;margin: 0;}	360	.links-content ul {list-style: none;padding: 5px 0;margin: 0;}
361	li.porto-links-item {	361	li.porto-links-item {
362	display: block;margin: 0;	362	display: block;margin: 0;
363	&:first-child>a,&:first-child>span {border-top-width: 0;}	363	&:first-child>a,&:first-child>span {border-top-width: 0;}
364	a,span {display: block;font-size: 1em;line-height: 20px;color: #465157;letter-spacing: .1px;padding: 11px 6px 10px;margin: 0 10px -1px;text-decoration: none;border-top: 1px solid #ddd;}	364	a,span {display: block;font-size: 1em;line-height: 20px;color: #465157;letter-spacing: .1px;padding: 11px 6px 10px;margin: 0 10px -1px;text-decoration: none;border-top: 1px solid #ddd;}
365	a:hover {text-decoration: underline;}	365	a:hover {text-decoration: underline;}
366	i {margin-left: 12px;font-size: 20px;float: right;}	366	i {margin-left: 12px;font-size: 20px;float: right;}
367	i.icon-image {display: inline-block;vertical-align: middle;float: none;max-width: 20px;}	367	i.icon-image {display: inline-block;vertical-align: middle;float: none;max-width: 20px;}
368	}	368	}
369	}	369	}
370	.divider {	370	.divider {
371	height: 1px;	371	height: 1px;
372	&.divider-small {	372	&.divider-small {
373	margin: 22px auto;background: transparent;	373	margin: 22px auto;background: transparent;
374	&.divider-small-center {	374	&.divider-small-center {
375	text-align: center;	375	text-align: center;
376	hr {margin-left: auto;margin-right: auto;}	376	hr {margin-left: auto;margin-right: auto;}
377	}	377	}
378	hr {width: 50px;height: 1px;}	378	hr {width: 50px;height: 1px;}
379	}	379	}
380	}	380	}
381	.category-sidebar{	381	.category-sidebar{
382	padding: .7143em 0;	382	padding: .7143em 0;
383	list-style:none;	383	list-style:none;
384	margin:0;	384	margin:0;
385	font-size: .9286em;	385	font-size: .9286em;
386	li {	386	li {
387	position:relative;	387	position:relative;
388	margin:0;	388	margin:0;
389	color: #777;	389	color: #777;
390	> a:not(.expand-icon){	390	> a:not(.expand-icon){
391	display: block;	391	display: block;
392	font-size: .875rem;	392	font-size: .875rem;
393	font-weight: 600;	393	font-weight: 600;
394	padding-top: .625rem;	394	padding-top: .625rem;
395	padding-bottom: .625rem;	395	padding-bottom: .625rem;
396	border-bottom: 1px solid #e7e7e7;	396	border-bottom: 1px solid #e7e7e7;
397	color: inherit;	397	color: inherit;
398	}	398	}
399	>.expand-icon{	399	>.expand-icon{
400	position: absolute;	400	position: absolute;
401	left: -6px;	401	left: -6px;
402	top: 9px;	402	top: 9px;
403	font-size: 18px;	403	font-size: 18px;
404	line-height: 24px;	404	line-height: 24px;
405	color: inherit;	405	color: inherit;
406	width: 24px;	406	width: 24px;
407	height: 24px;	407	height: 24px;
408	em.porto-icon-plus-squared::before {content:"\f807";}	408	em.porto-icon-plus-squared::before {content:"\f807";}
409	em.porto-icon-minus-squared::before {content:"\f804";}	409	em.porto-icon-minus-squared::before {content:"\f804";}
410	}	410	}
411	}	411	}
412	> li {	412	> li {
413	&:last-child {	413	&:last-child {
414	> a:not(.expand-icon){	414	> a:not(.expand-icon){
415	border-bottom: 0;	415	border-bottom: 0;
416	}	416	}
417	}	417	}
418	}	418	}
419	ul{display:none;list-style:none;padding-right: 1.0714em;margin:0}	419	ul{display:none;list-style:none;padding-right: 1.0714em;margin:0}
420	}	420	}
421	.onepage-category{	421	.onepage-category{
422	>.category-list{	422	>.category-list{
423	position:fixed;	423	position:fixed;
424	right:0;	424	right:0;
425	top:0;	425	top:0;
426	bottom: 0;	426	bottom: 0;
427	min-height:100%;	427	min-height:100%;
428	width:80px;	428	width:80px;
429	text-align:left;	429	text-align:left;
430	background:#222529;	430	background:#222529;
431	padding:32px 0 0;	431	padding:32px 0 0;
432	z-index:20;	432	z-index:20;
433	>ul{	433	>ul{
434	position:relative;	434	position:relative;
435	z-index:2;	435	z-index:2;
436	list-style:none;	436	list-style:none;
437	padding:0;	437	padding:0;
438	transition:all .3s;	438	transition:all .3s;
439	padding-top:0;	439	padding-top:0;
440	margin-bottom:0;	440	margin-bottom:0;
441	>li{	441	>li{
442	margin: 0;margin-bottom: 1rem;	442	margin: 0;margin-bottom: 1rem;
443	>a{	443	>a{
444	color:#fff;	444	color:#fff;
445	width:auto;	445	width:auto;
446	line-height:79px;	446	line-height:79px;
447	display:inline-block;	447	display:inline-block;
448	white-space:nowrap;	448	white-space:nowrap;
449	position:relative;	449	position:relative;
450	transition:all .3s;	450	transition:all .3s;
451	>em{	451	>em{
452	font-size:1.6875rem;	452	font-size:1.6875rem;
453	width:80px;	453	width:80px;
454	display:inline-block;	454	display:inline-block;
455	text-align:center;	455	text-align:center;
456	vertical-align:middle;	456	vertical-align:middle;
457	>img{	457	>img{
458	vertical-align:middle;	458	vertical-align:middle;
459	}	459	}
460	}	460	}
461	>span{	461	>span{
462	display:inline-block;	462	display:inline-block;
463	vertical-align:middle;	463	vertical-align:middle;
464	opacity:0;	464	opacity:0;
465	visibility:hidden;	465	visibility:hidden;
466	width:0;	466	width:0;
467	transition:all .3s;	467	transition:all .3s;
468	font-size:16px;	468	font-size:16px;
469	font-weight:600;	469	font-weight:600;
470	position:relative;	470	position:relative;
471	overflow:hidden;	471	overflow:hidden;
472	}	472	}
473	&:after{	473	&:after{
474	content:"";	474	content:"";
475	width:16px;	475	width:16px;
476	height:16px;	476	height:16px;
477	position:absolute;	477	position:absolute;
478	display:block;	478	display:block;
479	left:-15px;	479	left:-15px;
480	top:50%;	480	top:50%;
481	margin-top:-8px;	481	margin-top:-8px;
482	border:8px solid transparent;	482	border:8px solid transparent;
483	transition:all .3s;	483	transition:all .3s;
484	}	484	}
485	&.active,&:hover{	485	&.active,&:hover{
486	background-color:#00d59d;	486	background-color:#00d59d;
487	&:after{	487	&:after{
488	border-right-color:#00d59d;	488	border-right-color:#00d59d;
489	}	489	}
490	}	490	}
491	&:hover {	491	&:hover {
492	>span{	492	>span{
493	opacity:1;	493	opacity:1;
494	visibility:visible;	494	visibility:visible;
495	width:auto;	495	width:auto;
496	padding-left:50px;	496	padding-left:50px;
497	}	497	}
498	}	498	}
499	}	499	}
500	&:last-child{margin-bottom:0;}	500	&:last-child{margin-bottom:0;}
501	}	501	}
502	}	502	}
503	}	503	}
504	>.category-details{	504	>.category-details{
505	position:relative;	505	position:relative;
506	float:left;	506	float:left;
507	width:100%;	507	width:100%;
508	min-height:80vh;	508	min-height:80vh;
509	}	509	}
510	.category-details{	510	.category-details{
511	padding: 70px 0;	511	padding: 70px 0;
512	.title-menu{	512	.title-menu{
513	position:relative;	513	position:relative;
514	margin-bottom: 25px;	514	margin-bottom: 25px;
515	>a{	515	>a{
516	font-family: 'Poppins';	516	font-family: 'Poppins';
517	color: #222529;	517	color: #222529;
518	display: inline-block;	518	display: inline-block;
519	margin-top: 0;	519	margin-top: 0;
520	font-size: 1.375rem;	520	font-size: 1.375rem;
521	font-weight: 600;	521	font-weight: 600;
522	letter-spacing: .025em;	522	letter-spacing: .025em;
523	line-height: 46px;	523	line-height: 46px;
524	text-transform: uppercase;	524	text-transform: uppercase;
525	>span{	525	>span{
526	display:inline-block;	526	display:inline-block;
527	vertical-align:middle;	527	vertical-align:middle;
528	}	528	}
529	&.parent{	529	&.parent{
530	&:after{	530	&:after{
531	display:inline-block;	531	display:inline-block;
532	content:"\f813";	532	content:"\f813";
533	font-family:porto-icons;	533	font-family:porto-icons;
534	margin-right:18px;	534	margin-right:18px;
535	font-size:18px;	535	font-size:18px;
536	vertical-align:middle;	536	vertical-align:middle;
537	line-height:36px;	537	line-height:36px;
538	}	538	}
539	&.opened:after{content:"\f810";}	539	&.opened:after{content:"\f810";}
540	}	540	}
541	}	541	}
542	>.menu-popup{	542	>.menu-popup{
543	position:absolute;	543	position:absolute;
544	right: 0;	544	right: 0;
545	top:100%;	545	top:100%;
546	display:none;	546	display:none;
547	width:100%;	547	width:100%;
548	z-index:3;	548	z-index:3;
549	background-color:#fff;	549	background-color:#fff;
550	border:1px solid #bebebe;	550	border:1px solid #bebebe;
551	border-radius:5px;	551	border-radius:5px;
552	padding:50px 0;	552	padding:50px 0;
553	&:before{	553	&:before{
554	content:"";	554	content:"";
555	border:8px solid transparent;	555	border:8px solid transparent;
556	width:16px;	556	width:16px;
557	height:16px;	557	height:16px;
558	display:block;	558	display:block;
559	border-bottom-color:#bebebe;	559	border-bottom-color:#bebebe;
560	position:absolute;	560	position:absolute;
561	top:-16px;	561	top:-16px;
562	right:90px;	562	right:90px;
563	}	563	}
564	&:after{	564	&:after{
565	content:"";	565	content:"";
566	border:7px solid transparent;	566	border:7px solid transparent;
567	width:14px;	567	width:14px;
568	height:14px;	568	height:14px;
569	display:block;	569	display:block;
570	border-bottom-color:#fff;	570	border-bottom-color:#fff;
571	position:absolute;	571	position:absolute;
572	top:-13px;	572	top:-13px;
573	right:91px;	573	right:91px;
574	}	574	}
575	}	575	}
576	}	576	}
577	.menu-popup {	577	.menu-popup {
578	ul{	578	ul{
579	list-style:none;	579	list-style:none;
580	padding:0;	580	padding:0;
581	margin:0;	581	margin:0;
582	>li> a{	582	>li> a{
583	color:#000;	583	color:#000;
584	font-size:16px;	584	font-size:16px;
585	line-height:2.5;	585	line-height:2.5;
586	}	586	}
587	}	587	}
588	>ul{	588	>ul{
589	display:flex;	589	display:flex;
590	flex-wrap:wrap;	590	flex-wrap:wrap;
591	>li{	591	>li{
592	float:right;	592	float:right;
593	border-right:1px solid #bebebe;	593	border-right:1px solid #bebebe;
594	margin:10px 0;	594	margin:10px 0;
595	padding:30px 0;	595	padding:30px 0;
596	> a{	596	> a{
597	font-weight:700;	597	font-weight:700;
598	text-transform:uppercase;	598	text-transform:uppercase;
599	}	599	}
600	}	600	}
601	&.columns5>li{	601	&.columns5>li{
602	width:20%;	602	width:20%;
603	padding-right:4%;	603	padding-right:4%;
604	padding-left:4%;	604	padding-left:4%;
605	&:nth-child(5n+1){	605	&:nth-child(5n+1){
606	border-right:0;	606	border-right:0;
607	clear:right;	607	clear:right;
608	}	608	}
609	}	609	}
610	}	610	}
611	li.menu-item{margin-bottom:0;}	611	li.menu-item{margin-bottom:0;}
612	}	612	}
613	.products-area{	613	.products-area{
614	.category-link{	614	.category-link{
615	float:left;	615	float:left;
616	margin-top:-60px;	616	margin-top:-60px;
617	margin-right:0;	617	margin-right:0;
618	position:relative;	618	position:relative;
619	z-index:2;	619	z-index:2;
620	font-size: .8125rem;	620	font-size: .8125rem;
621	padding: 1em 3em;	621	padding: 1em 3em;
622	letter-spacing: .01em;	622	letter-spacing: .01em;
623	font-weight: 700;	623	font-weight: 700;
624	line-height: 1.42857;	624	line-height: 1.42857;
625	background: #222529;	625	background: #222529;
626	border: 1px solid transparent;	626	border: 1px solid transparent;
627	color: #fff;	627	color: #fff;
628	text-transform: uppercase;	628	text-transform: uppercase;
629	}	629	}
630	}	630	}
631	}	631	}
632	.additional-content {	632	.additional-content {
633	margin-bottom: 1.5vw;	633	margin-bottom: 1.5vw;
634	img{	634	img{
635	max-width:100%;	635	max-width:100%;
636	}	636	}
637	}	637	}
638	.menu-popup a>span{	638	.menu-popup a>span{
639	position:relative;	639	position:relative;
640	>span.cat-label{	640	>span.cat-label{
641	top:3px;	641	top:3px;
642	left:-35px;	642	left:-35px;
643	font:inherit;	643	font:inherit;
644	font-size:9px;	644	font-size:9px;
645	padding:2px;	645	padding:2px;
646	z-index:1;	646	z-index:1;
647	border-radius:2px;	647	border-radius:2px;
648	line-height:1;	648	line-height:1;
649	border:1px solid #777;	649	border:1px solid #777;
650	position:absolute;	650	position:absolute;
651	}	651	}
652	}	652	}
653	.onepage-category & {	653	.onepage-category & {
654	display:flex;	654	display:flex;
655	flex-wrap:wrap;	655	flex-wrap:wrap;
656	}	656	}
657	}	657	}
658	.onepage-cat.category-list {position: fixed;width: 80px;right: 0;height: 100%;top: 0;bottom: 0;}	658	.onepage-cat.category-list {position: fixed;width: 80px;right: 0;height: 100%;top: 0;bottom: 0;}
659	body>.onepage-cat.category-list {	659	body>.onepage-cat.category-list {
660	display: none;	660	display: none;
661	}	661	}
662	// vc columns	662	// vc columns
663	.pt_row {	663	.pt_row {
664	&.pt_row-no-padding {	664	&.pt_row-no-padding {
665	.pt_column-inner {	665	.pt_column-inner {
666	padding-left: 0;	666	padding-left: 0;
667	padding-right: 0;	667	padding-right: 0;
668	}	668	}
669	}	669	}
670	}	670	}
671		671
672	.pt_row-no-padding {	672	.pt_row-no-padding {
673	.pt_inner {	673	.pt_inner {
674	margin-left: 0;	674	margin-left: 0;
675	margin-right: 0;	675	margin-right: 0;
676	}	676	}
677	}	677	}
678		678
679	.pt_row {	679	.pt_row {
680	&.pt_row-o-full-height {	680	&.pt_row-o-full-height {
681	min-height: 100vh;	681	min-height: 100vh;
682	}	682	}
683		683
684	// enable flex	684	// enable flex
685	&.pt_row-flex {	685	&.pt_row-flex {
686	box-sizing: border-box;	686	box-sizing: border-box;
687	display: -webkit-box;	687	display: -webkit-box;
688	display: -webkit-flex;	688	display: -webkit-flex;
689	display: -ms-flexbox;	689	display: -ms-flexbox;
690	display: flex;	690	display: flex;
691	-webkit-flex-wrap: wrap;	691	-webkit-flex-wrap: wrap;
692	-ms-flex-wrap: wrap;	692	-ms-flex-wrap: wrap;
693	flex-wrap: wrap;	693	flex-wrap: wrap;
694		694
695	> .pt_column_container {	695	> .pt_column_container {
696	display: -webkit-box;	696	display: -webkit-box;
697	display: -webkit-flex;	697	display: -webkit-flex;
698	display: -ms-flexbox;	698	display: -ms-flexbox;
699	display: flex;	699	display: flex;
700	> .pt_column-inner {	700	> .pt_column-inner {
701	-webkit-box-flex: 1;	701	-webkit-box-flex: 1;
702	-webkit-flex-grow: 1;	702	-webkit-flex-grow: 1;
703	-ms-flex-positive: 1;	703	-ms-flex-positive: 1;
704	flex-grow: 1;	704	flex-grow: 1;
705	display: -webkit-box;	705	display: -webkit-box;
706	display: -webkit-flex;	706	display: -webkit-flex;
707	display: -ms-flexbox;	707	display: -ms-flexbox;
708	display: flex;	708	display: flex;
709	-webkit-box-orient: vertical;	709	-webkit-box-orient: vertical;
710	-webkit-box-direction: normal;	710	-webkit-box-direction: normal;
711	-webkit-flex-direction: column;	711	-webkit-flex-direction: column;
712	-ms-flex-direction: column;	712	-ms-flex-direction: column;
713	flex-direction: column;	713	flex-direction: column;
714	z-index: 1;	714	z-index: 1;
715	max-width: 100%;	715	max-width: 100%;
716	@media (-ms-high-contrast: active), (-ms-high-contrast: none) {	716	@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
717	/* IE10+ specific styles */	717	/* IE10+ specific styles */
718	& > * {	718	& > * {
719	min-height: 1em;	719	min-height: 1em;
720	}	720	}
721	}	721	}
722	}	722	}
723	}	723	}
724		724
725	&::before,	725	&::before,
726	&::after {	726	&::after {
727	display: none;	727	display: none;
728	}	728	}
729	}	729	}
730		730
731	// columns alignment	731	// columns alignment
732	&.pt_row-o-columns-stretch {	732	&.pt_row-o-columns-stretch {
733	-webkit-align-content: stretch;	733	-webkit-align-content: stretch;
734	-ms-flex-line-pack: stretch;	734	-ms-flex-line-pack: stretch;
735	align-content: stretch;	735	align-content: stretch;
736	}	736	}
737	&.pt_row-o-columns-top {	737	&.pt_row-o-columns-top {
738	-webkit-align-content: flex-start;	738	-webkit-align-content: flex-start;
739	-ms-flex-line-pack: start;	739	-ms-flex-line-pack: start;
740	align-content: flex-start;	740	align-content: flex-start;
741	}	741	}
742	&.pt_row-o-columns-bottom {	742	&.pt_row-o-columns-bottom {
743	-webkit-align-content: flex-end;	743	-webkit-align-content: flex-end;
744	-ms-flex-line-pack: end;	744	-ms-flex-line-pack: end;
745	align-content: flex-end;	745	align-content: flex-end;
746	}	746	}
747	&.pt_row-o-columns-middle {	747	&.pt_row-o-columns-middle {
748	-webkit-align-content: center;	748	-webkit-align-content: center;
749	-ms-flex-line-pack: center;	749	-ms-flex-line-pack: center;
750	align-content: center;	750	align-content: center;
751	}	751	}
752	&.pt_row-o-columns-top,	752	&.pt_row-o-columns-top,
753	&.pt_row-o-columns-bottom,	753	&.pt_row-o-columns-bottom,
754	&.pt_row-o-columns-middle {	754	&.pt_row-o-columns-middle {
755	&::after {	755	&::after {
756	content: '';	756	content: '';
757	width: 100%;	757	width: 100%;
758	height: 0;	758	height: 0;
759	overflow: hidden;	759	overflow: hidden;
760	visibility: hidden;	760	visibility: hidden;
761	display: block;	761	display: block;
762	}	762	}
763	}	763	}
764		764
765	// equal height	765	// equal height
766	&.pt_row-o-equal-height {	766	&.pt_row-o-equal-height {
767	> .pt_column_container {	767	> .pt_column_container {
768	-webkit-box-align: stretch;	768	-webkit-box-align: stretch;
769	-webkit-align-items: stretch;	769	-webkit-align-items: stretch;
770	-ms-flex-align: stretch;	770	-ms-flex-align: stretch;
771	align-items: stretch;	771	align-items: stretch;
772	}	772	}
773	}	773	}
774		774
775	// content alignment	775	// content alignment
776	&.pt_row-o-content-top {	776	&.pt_row-o-content-top {
777	> .pt_column_container {	777	> .pt_column_container {
778	> .pt_column-inner {	778	> .pt_column-inner {
779	-webkit-box-pack: start;	779	-webkit-box-pack: start;
780	-webkit-justify-content: flex-start;	780	-webkit-justify-content: flex-start;
781	-ms-flex-pack: start;	781	-ms-flex-pack: start;
782	justify-content: flex-start;	782	justify-content: flex-start;
783	}	783	}
784	}	784	}
785	&:not(.pt_row-o-equal-height) {	785	&:not(.pt_row-o-equal-height) {
786	> .pt_column_container {	786	> .pt_column_container {
787	-webkit-box-align: start;	787	-webkit-box-align: start;
788	-webkit-align-items: flex-start;	788	-webkit-align-items: flex-start;
789	-ms-flex-align: start;	789	-ms-flex-align: start;
790	align-items: flex-start;	790	align-items: flex-start;
791	}	791	}
792	}	792	}
793	}	793	}
794	&.pt_row-o-content-bottom {	794	&.pt_row-o-content-bottom {
795	> .pt_column_container {	795	> .pt_column_container {
796	> .pt_column-inner {	796	> .pt_column-inner {
797	-webkit-box-pack: end;	797	-webkit-box-pack: end;
798	-webkit-justify-content: flex-end;	798	-webkit-justify-content: flex-end;
799	-ms-flex-pack: end;	799	-ms-flex-pack: end;
800	justify-content: flex-end;	800	justify-content: flex-end;
801	}	801	}
802	}	802	}
803	&:not(.pt_row-o-equal-height) {	803	&:not(.pt_row-o-equal-height) {
804	> .pt_column_container {	804	> .pt_column_container {
805	-webkit-box-align: end;	805	-webkit-box-align: end;
806	-webkit-align-items: flex-end;	806	-webkit-align-items: flex-end;
807	-ms-flex-align: end;	807	-ms-flex-align: end;
808	align-items: flex-end;	808	align-items: flex-end;
809	}	809	}
810	}	810	}
811	}	811	}
812	&.pt_row-o-content-middle {	812	&.pt_row-o-content-middle {
813	> .pt_column_container {	813	> .pt_column_container {
814	> .pt_column-inner {	814	> .pt_column-inner {
815	-webkit-box-pack: center;	815	-webkit-box-pack: center;
816	-webkit-justify-content: center;	816	-webkit-justify-content: center;
817	-ms-flex-pack: center;	817	-ms-flex-pack: center;
818	justify-content: center;	818	justify-content: center;
819	}	819	}
820	}	820	}
821	&:not(.pt_row-o-equal-height) {	821	&:not(.pt_row-o-equal-height) {
822	> .pt_column_container {	822	> .pt_column_container {
823	-webkit-box-align: center;	823	-webkit-box-align: center;
824	-webkit-align-items: center;	824	-webkit-align-items: center;
825	-ms-flex-align: center;	825	-ms-flex-align: center;
826	align-items: center;	826	align-items: center;
827	}	827	}
828	}	828	}
829	}	829	}
830	}	830	}
831		831
832	// Clearfix for column	832	// Clearfix for column
833	.pt_column-inner {	833	.pt_column-inner {
834	&::before,	834	&::before,
835	&::after {	835	&::after {
836	content: " ";	836	content: " ";
837	display: table;	837	display: table;
838	}	838	}
839	&::after {	839	&::after {
840	clear: both;	840	clear: both;
841	}	841	}
842	}	842	}
843	//	843	//
		844
		845	.porto-img-effect-1 {
		846	.img-thumbnail {
		847	&:after,&:before {
		848	content: "";
		849	position: absolute;
		850	opacity: 1;
		851	z-index: 1;
		852	}
		853	&:before {
		854	background: rgba(255,255,255,0.3);
		855	bottom: 0;
		856	left: 51%;
		857	right: 50%;
		858	top: 0;
		859	}
		860	&:after {
		861	bottom: 50%;
		862	left: 0;
		863	right: 0;
		864	top: 50%;
		865	}
		866	}
		867	&:hover {
		868	.img-thumbnail {
		869	&:after,&:before {
		870	left: 0;
		871	right: 0;
		872	opacity: 0;
		873	transition: 0.5s linear;
		874	}
		875	}
		876	}
		877	}
		878	.porto-img-effect-2 {
		879	.img-thumbnail {
		880	&:after,&:before {
		881	content: "";
		882	position: absolute;
		883	background: rgba(255,255,255,0.6);
		884	height: 100%;
		885	right: 0;
		886	opacity: 0.4;
		887	top: 0;
		888	transition: 0.9s;
		889	width: 100%;
		890	z-index: 1;
		891	}
		892	&:before {
		893	transform: translate(105%,0%);
		894	}
		895	&:after {
		896	transform: translate(-105%,0%);
		897	}
		898	}
		899	&:hover {
		900	.img-thumbnail:after,.img-thumbnail:before {
		901	opacity: 0;
		902	transform: none;
		903	}
		904	}
		905	}
		906	.porto-img-effect-3 {
		907	.img-thumbnail:before {
		908	content: "";
		909	position: absolute;
		910	top: 0;
		911	right: 50%;
		912	width: 120%;
		913	height: 60px;
		914	background: rgba(255,255,255,0.1);
		915	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
		916	transition: 0.5s linear;
		917	backface-visibility: hidden;
		918	z-index: 1;
		919	}
		920	&:hover {
		921	.img-thumbnail:before {
		922	top: 100%;
		923	right: -100%;
		924	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0);
		925	}
		926	}
		927	}
		928	.porto-img-effect-4 {
		929	.img-thumbnail {
		930	&:after,&:before {
		931	content: "";
		932	position: absolute;
		933	background: rgba(255,255,255,0.1);
		934	opacity: 1;
		935	transition: 0.5s;
		936	z-index: 1;
		937	}
		938	&:before {
		939	bottom: 0;
		940	left: 50%;
		941	right: 51%;
		942	top: 0;
		943	}
		944	&:after {
		945	bottom: 50%;
		946	left: 0;
		947	right: 0;
		948	top: 50%;
		949	}
		950	}
		951	&:hover {
		952	.img-thumbnail {
		953	&:after,&:before {
		954	left: 0;
		955	right: 0;
		956	top: 0;
		957	bottom: 0;
		958	opacity: 0.5;
		959	}
		960	}
		961	}
		962	}
		963	.porto-img-zoom {
		964	img {
		965	transition: transform 1s,opacity 1s;
		966	opacity: 1;
		967	}
		968	&:hover img {
		969	transform: scale(1.1,1.1) translateZ(0);
		970	opacity: 0.9;
		971	}
		972	}
844	// Footer	973	// Footer
845	// ---------------------------------------------	974	// ---------------------------------------------
846	.widget {	975	.widget {
847	&:first-child {margin-top: 0;}	976	&:first-child {margin-top: 0;}
848	.tagcloud {	977	.tagcloud {
849	margin-top: -.3846em;	978	margin-top: -.3846em;
850	margin-bottom: -.3846em;	979	margin-bottom: -.3846em;
851	a {	980	a {
852	margin: .3846em 0 .3846em .3846em;	981	margin: .3846em 0 .3846em .3846em;
853	padding: .25rem .5rem;	982	padding: .25rem .5rem;
854	line-height: 1;	983	line-height: 1;
855	display: inline-block;	984	display: inline-block;
856	text-decoration: none;	985	text-decoration: none;
857	font-size: .75em!important;	986	font-size: .75em!important;
858	text-transform: uppercase;	987	text-transform: uppercase;
859	font-weight: 700;	988	font-weight: 700;
860	border-radius: 10px;	989	border-radius: 10px;
861	}	990	}
862	}	991	}
863	&.contact-info {	992	&.contact-info {
864	ul,li {	993	ul,li {
865	border-width: 0;	994	border-width: 0;
866	margin: 0;	995	margin: 0;
867	padding: 0;	996	padding: 0;
868	}	997	}
869	li {	998	li {
870	a{	999	a{
871	&:hover {text-decoration: underline;}	1000	&:hover {text-decoration: underline;}
872	}	1001	}
873	&:not(:last-child) {margin-bottom: 10px;}	1002	&:not(:last-child) {margin-bottom: 10px;}
874	}	1003	}
875	p {margin-bottom: 10px;}	1004	p {margin-bottom: 10px;}
876	i {clear: both;float: right;text-align: center;width: 16px;top: -2px;margin: 4px 0 10px 9px;font-size: 1.3em;position: static!important;}	1005	i {clear: both;float: right;text-align: center;width: 16px;top: -2px;margin: 4px 0 10px 9px;font-size: 1.3em;position: static!important;}
877	.contact-details {	1006	.contact-details {
878	strong,span {display: block;padding-right: 25px;}	1007	strong,span {display: block;padding-right: 25px;}
879	}	1008	}
880	}	1009	}
881	&.follow-us {	1010	&.follow-us {
882	.share-links {	1011	.share-links {
883	a {	1012	a {
884	width: 30px;	1013	width: 30px;
885	height: 30px;	1014	height: 30px;
886	border-radius: 30px;	1015	border-radius: 30px;
887	margin: 2px;	1016	margin: 2px;
888	overflow: hidden;	1017	overflow: hidden;
889	box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);	1018	box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
890	transition: all 0.2s;	1019	transition: all 0.2s;
891	font-size: 14px;	1020	font-size: 14px;
892	&:hover {color: #fff;}	1021	&:hover {color: #fff;}
893	}	1022	}
894	}	1023	}
895	}	1024	}
896	}	1025	}
897	.footer {	1026	.footer {
898	&, p {	1027	&, p {
899	font-size: 13px;	1028	font-size: 13px;
900	line-height: 24px;	1029	line-height: 24px;
901	letter-spacing: .065px;	1030	letter-spacing: .065px;
902	}	1031	}
903	ul {	1032	ul {
904	list-style: none;	1033	list-style: none;
905	margin: 0;	1034	margin: 0;
906	padding: 0;	1035	padding: 0;
907	}	1036	}
908	li {	1037	li {
909	margin: 0;	1038	margin: 0;
910	}	1039	}
911	.widget {	1040	.widget {
912	margin-bottom: 20px;	1041	margin-bottom: 20px;
913	p {margin-top: -3px;margin-bottom: 13px;font-size: 1em;}	1042	p {margin-top: -3px;margin-bottom: 13px;font-size: 1em;}
914	& + .widget {	1043	& + .widget {
915	margin-top: 20px;	1044	margin-top: 20px;
916	}	1045	}
917	.tagcloud a {	1046	.tagcloud a {
918	background: none;	1047	background: none;
919	color: inherit;	1048	color: inherit;
920	border-radius: 0;	1049	border-radius: 0;
921	font-size: 11px!important;	1050	font-size: 11px!important;
922	font-weight: 400;	1051	font-weight: 400;
923	text-transform: none;	1052	text-transform: none;
924	padding: .6em;	1053	padding: .6em;
925	border: 1px solid #313438;	1054	border: 1px solid #313438;
926	}	1055	}
927	&.contact-info {	1056	&.contact-info {
928	.contact-details strong {	1057	.contact-details strong {
929	font-weight: 400;	1058	font-weight: 400;
930	}	1059	}
931	i {display: none;}	1060	i {display: none;}
932	}	1061	}
933	}	1062	}
934	.follow-us {	1063	.follow-us {
935	.share-links a {	1064	.share-links a {
936	width: 40px;	1065	width: 40px;
937	height: 40px;	1066	height: 40px;
938	border-radius: 20px;	1067	border-radius: 20px;
939	border: 1px solid #313438;	1068	border: 1px solid #313438;
940	box-shadow: none;	1069	box-shadow: none;
941	&:not(:hover) {	1070	&:not(:hover) {
942	background: none;color: #fff;	1071	background: none;color: #fff;
943	}	1072	}
944	&:hover {	1073	&:hover {
945	border-color: #fff;	1074	border-color: #fff;
946	color: #fff;	1075	color: #fff;
947	}	1076	}
948	}	1077	}
949	}	1078	}
950	.contact-info {	1079	.contact-info {
951	.contact-info-block {	1080	.contact-info-block {
952	.contact-details {	1081	.contact-details {
953	strong, span {	1082	strong, span {
954	padding-right: 0;	1083	padding-right: 0;
955	}	1084	}
956	strong {line-height: 1em;color: #fff;}	1085	strong {line-height: 1em;color: #fff;}
957	}	1086	}
958	}	1087	}
959	}	1088	}
960	.newsletter {	1089	.newsletter {
961	margin-bottom: 0;	1090	margin-bottom: 0;
962	label {	1091	label {
963	display: none;	1092	display: none;
964	}	1093	}
965	.field .control:before {	1094	.field .control:before {
966	display: none;	1095	display: none;
967	}	1096	}
968	input {	1097	input {
969	height: 48px;	1098	height: 48px;
970	padding-left: 25px;	1099	padding-left: 25px;
971	padding-right: 25px;	1100	padding-right: 25px;
972	border-radius: 0 30px 30px 0;	1101	border-radius: 0 30px 30px 0;
973	font-size: .75rem;	1102	font-size: .75rem;
974	color: #777;	1103	color: #777;
975	border: none;	1104	border: none;
976	}	1105	}
977	.action.subscribe {	1106	.action.subscribe {
978	height: 48px;	1107	height: 48px;
979	padding-left: 25px;	1108	padding-left: 25px;
980	padding-right: 25px;	1109	padding-right: 25px;
981	text-transform: uppercase;	1110	text-transform: uppercase;
982	font-weight: 700;	1111	font-weight: 700;
983	font-size: .75rem;	1112	font-size: .75rem;
984	border-radius: 30px 0 0 30px;	1113	border-radius: 30px 0 0 30px;
985	border: none;	1114	border: none;
986	}	1115	}
987	}	1116	}
988	}	1117	}
989	.footer-top {	1118	.footer-top {
990	.custom-block {	1119	.custom-block {
991	display: flex;	1120	display: flex;
992	-ms-flex-align: center;	1121	-ms-flex-align: center;
993	align-items: center;	1122	align-items: center;
994	-ms-flex-pack: justify;	1123	-ms-flex-pack: justify;
995	justify-content: space-between;	1124	justify-content: space-between;
996	-ms-flex-wrap: wrap;	1125	-ms-flex-wrap: wrap;
997	flex-wrap: wrap;	1126	flex-wrap: wrap;
998	&:before, &::after {	1127	&:before, &::after {
999	content: '';	1128	content: '';
1000	display: block;	1129	display: block;
1001	border-top: 1px solid #e7e7e7;	1130	border-top: 1px solid #e7e7e7;
1002	-ms-flex: 0 0 100%;	1131	-ms-flex: 0 0 100%;
1003	flex: 0 0 100%;	1132	flex: 0 0 100%;
1004	}	1133	}
1005	&:before {	1134	&:before {
1006	margin-bottom: 40px;	1135	margin-bottom: 40px;
1007	}	1136	}
1008	&:after {	1137	&:after {
1009	margin-top: 40px;	1138	margin-top: 40px;
1010	}	1139	}
1011	}	1140	}
1012	.widget:last-child {	1141	.widget:last-child {
1013	margin-bottom: 0;	1142	margin-bottom: 0;
1014	}	1143	}
1015	}	1144	}
1016	.footer-middle {	1145	.footer-middle {
1017	background-color: @footer-middle_background-color;	1146	background-color: @footer-middle_background-color;
1018	color: @footer-middle_font-color;	1147	color: @footer-middle_font-color;
1019	> .container {	1148	> .container {
1020	position: relative;	1149	position: relative;
1021	padding-top: 4rem;padding-bottom: 1.5rem;	1150	padding-top: 4rem;padding-bottom: 1.5rem;
1022	&::after {	1151	&::after {
1023	content: '';	1152	content: '';
1024	display: block;	1153	display: block;
1025	position: absolute;	1154	position: absolute;
1026	left: 10px;	1155	left: 10px;
1027	bottom: 0;	1156	bottom: 0;
1028	right: 10px;	1157	right: 10px;
1029	border-bottom: 1px solid #313438;	1158	border-bottom: 1px solid #313438;
1030	}	1159	}
1031	}	1160	}
1032	[class^="porto-icon-"], [class*=" porto-icon-"] {	1161	[class^="porto-icon-"], [class*=" porto-icon-"] {
1033	color: @footer-middle-icon_font-color;	1162	color: @footer-middle-icon_font-color;
1034	}	1163	}
1035	.widget_media_image img {	1164	.widget_media_image img {
1036	max-width: 111px;	1165	max-width: 111px;
1037	height: auto;	1166	height: auto;
1038	display: block;	1167	display: block;
1039	}	1168	}
1040	.block {	1169	.block {
1041	text-align: right;	1170	text-align: right;
1042	line-height: 1.5;	1171	line-height: 1.5;
1043	margin: 0;	1172	margin: 0;
1044	width: auto;	1173	width: auto;
1045	.block-title {	1174	.block-title {
1046	margin-bottom: 20px;	1175	margin-bottom: 20px;
1047	strong {	1176	strong {
1048	font-weight: 400;	1177	font-weight: 400;
1049	padding: 0;	1178	padding: 0;
1050	font-size: 16px;	1179	font-size: 16px;
1051	color: @footer-middle-block-title_font-color;	1180	color: @footer-middle-block-title_font-color;
1052	text-transform: none;	1181	text-transform: none;
1053	}	1182	}
1054	}	1183	}
1055	}	1184	}
1056	a {	1185	a {
1057	&, &:hover, &:focus {	1186	&, &:hover, &:focus {
1058	color: @footer-middle-link_font-color;	1187	color: @footer-middle-link_font-color;
1059	}	1188	}
1060	}	1189	}
1061	}	1190	}
1062	.footer-bottom {	1191	.footer-bottom {
1063	background-color: @footer-bottom_background-color;	1192	background-color: @footer-bottom_background-color;
1064	padding: 15px 0;	1193	padding: 15px 0;
1065	font-size: .9em;	1194	font-size: .9em;
1066	>.container {	1195	>.container {
1067	display: -webkit-flex;	1196	display: -webkit-flex;
1068	display: flex;	1197	display: flex;
1069	-webkit-align-items: center;	1198	-webkit-align-items: center;
1070	align-items: center;	1199	align-items: center;
1071	justify-content: space-between;	1200	justify-content: space-between;
1072	flex-wrap: wrap;	1201	flex-wrap: wrap;
1073	}	1202	}
1074	.widget {	1203	.widget {
1075	display: inline-block;	1204	display: inline-block;
1076	margin: 0;	1205	margin: 0;
1077	}	1206	}
1078	.logo {	1207	.logo {
1079	margin: 0;	1208	margin: 0;
1080	margin-left: 45px;	1209	margin-left: 45px;
1081	float: right;	1210	float: right;
1082	}	1211	}
1083	.custom-block {	1212	.custom-block {
1084	float: right;	1213	float: right;
1085	line-height: 1;	1214	line-height: 1;
1086	margin: 3px 0;	1215	margin: 3px 0;
1087	img {	1216	img {
1088	display: inline-block;	1217	display: inline-block;
1089	vertical-align: middle;	1218	vertical-align: middle;
1090	}	1219	}
1091	}	1220	}
1092	address {	1221	address {
1093	order: 1;	1222	order: 1;
1094	padding: 10px 8px 10px 0;	1223	padding: 10px 8px 10px 0;
1095	text-align: right;	1224	text-align: right;
1096	margin-right: auto;	1225	margin-right: auto;
1097	flex: auto;	1226	flex: auto;
1098	}	1227	}
1099	.custom-block {	1228	.custom-block {
1100	&.f-right {	1229	&.f-right {
1101	margin: 0;order: 2;	1230	margin: 0;order: 2;
1102	padding: 10px 8px 10px 0;	1231	padding: 10px 8px 10px 0;
1103	text-align: left;	1232	text-align: left;
1104	flex: auto;	1233	flex: auto;
1105	}	1234	}
1106	}	1235	}
1107	.switcher {	1236	.switcher {
1108	line-height: 1 !important;	1237	line-height: 1 !important;
1109	display: block;	1238	display: block;
1110	height: auto;	1239	height: auto;
1111	margin-top: 15px;	1240	margin-top: 15px;
1112	float: right;	1241	float: right;
1113		1242
1114	label {	1243	label {
1115	display: none;	1244	display: none;
1116	}	1245	}
1117	select {	1246	select {
1118	display: inline-block;	1247	display: inline-block;
1119	width: auto;	1248	width: auto;
1120	line-height: 1;	1249	line-height: 1;
1121	}	1250	}
1122	}	1251	}
1123	}	1252	}
1124	.footer-ribbon {	1253	.footer-ribbon {
1125	background-color: @footer-ribbon_background-color;	1254	background-color: @footer-ribbon_background-color;
1126	position: absolute;	1255	position: absolute;
1127	top: 0;	1256	top: 0;
1128	margin: -16px 0 0;	1257	margin: -16px 0 0;
1129	padding: 10px 20px 6px;	1258	padding: 10px 20px 6px;
1130	color: #fff;	1259	color: #fff;
1131	font-size: 1.6em;	1260	font-size: 1.6em;
1132	z-index: 4;	1261	z-index: 4;
1133	span {	1262	span {
1134	color: @footer-ribbon_font-color;	1263	color: @footer-ribbon_font-color;
1135	font-family: "Shadows Into Light",cursive;	1264	font-family: "Shadows Into Light",cursive;
1136	line-height: 1;	1265	line-height: 1;
1137	}	1266	}
1138	&:before {	1267	&:before {
1139	content: "";	1268	content: "";
1140	display: block;	1269	display: block;
1141	height: 0;	1270	height: 0;
1142	position: absolute;	1271	position: absolute;
1143	top: 0;	1272	top: 0;
1144	width: 7px;	1273	width: 7px;
1145	left: 100%;	1274	left: 100%;
1146	border-left: 10px solid #646464;	1275	border-left: 10px solid #646464;
1147	border-top: 16px solid transparent;	1276	border-top: 16px solid transparent;
1148	}	1277	}
1149	}	1278	}
1150		1279
1151	/* About US */	1280	/* About US */
1152	h2.word-rotator-title {	1281	h2.word-rotator-title {
1153	line-height: 30px;	1282	line-height: 30px;
1154	font-size: 20px;	1283	font-size: 20px;
1155	font-weight: 300;	1284	font-weight: 300;
1156	margin: 0 0 20px 0;	1285	margin: 0 0 20px 0;
1157	color: #121214;	1286	color: #121214;
1158	}	1287	}
1159	.word-rotate {	1288	.word-rotate {
1160	visibility: hidden;	1289	visibility: hidden;
1161	width: 100px;	1290	width: 100px;
1162	height: 0;	1291	height: 0;
1163	margin-bottom: -7px;	1292	margin-bottom: -7px;
1164	display: inline-block;	1293	display: inline-block;
1165	overflow: hidden;	1294	overflow: hidden;
1166	text-align: center;	1295	text-align: center;
1167	position: relative;	1296	position: relative;
1168		1297
1169	h2 & {	1298	h2 & {
1170	margin-bottom: -7px	1299	margin-bottom: -7px
1171	}	1300	}
1172	&.active {	1301	&.active {
1173	visibility: visible;	1302	visibility: visible;
1174	width: auto;	1303	width: auto;
1175	}	1304	}
1176	.word-rotate-items {	1305	.word-rotate-items {
1177	position: relative;	1306	position: relative;
1178	top: 0;	1307	top: 0;
1179	width: 100%;	1308	width: 100%;
1180		1309
1181	span {	1310	span {
1182	display: block;	1311	display: block;
1183	white-space: nowrap;	1312	white-space: nowrap;
1184	}	1313	}
1185	}	1314	}
1186	}	1315	}
1187	p .alternative-font {	1316	p .alternative-font {
1188	display: inline-block;	1317	display: inline-block;
1189	margin-top: -15px;	1318	margin-top: -15px;
1190	position: relative;	1319	position: relative;
1191	top: 3px;	1320	top: 3px;
1192	margin-bottom: -6px;	1321	margin-bottom: -6px;
1193	color: @theme-color;	1322	color: @theme-color;
1194	font-family: "Shadows Into Light",cursive;	1323	font-family: "Shadows Into Light",cursive;
1195	font-size: 1.6em;	1324	font-size: 1.6em;
1196	}	1325	}
1197	.btn-primary {	1326	.btn-primary {
1198	color: #fff;	1327	color: #fff;
1199	text-shadow: 0 -1px 0 rgba(0,0,0,.25);	1328	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
1200	background-color: @button-primary__background;	1329	background-color: @button-primary__background;
1201	border-color: @button-primary__background;	1330	border-color: @button-primary__background;
1202		1331
1203	&:hover {	1332	&:hover {
1204	color: #fff;	1333	color: #fff;
1205	opacity: 0.85;	1334	opacity: 0.85;
1206	}	1335	}
1207	}	1336	}
1208	.btn {	1337	.btn {
1209	display: inline-block;	1338	display: inline-block;
1210	margin-bottom: 0;	1339	margin-bottom: 0;
1211	font-weight: normal;	1340	font-weight: normal;
1212	text-align: center;	1341	text-align: center;
1213	vertical-align: middle;	1342	vertical-align: middle;
1214	cursor: pointer;	1343	cursor: pointer;
1215	background-image: none;	1344	background-image: none;
1216	border: 1px solid transparent;	1345	border: 1px solid transparent;
1217	white-space: nowrap;	1346	white-space: nowrap;
1218	padding: 6px 12px;	1347	padding: 6px 12px;
1219	font-size: 14px;	1348	font-size: 14px;
1220	line-height: 1.42857143;	1349	line-height: 1.42857143;
1221	border-radius: 4px;	1350	border-radius: 4px;
1222		1351
1223	&:hover {	1352	&:hover {
1224	text-decoration: none;	1353	text-decoration: none;
1225	}	1354	}
1226		1355
1227	&-lg {	1356	&-lg {
1228	padding: 10px 16px;	1357	padding: 10px 16px;
1229	font-size: 18px;	1358	font-size: 18px;
1230	line-height: 1.33;	1359	line-height: 1.33;
1231	border-radius: 6px;	1360	border-radius: 6px;
1232	}	1361	}
1233	}	1362	}
1234	.push-top {	1363	.push-top {
1235	margin-top: 20px;	1364	margin-top: 20px;
1236	}	1365	}
1237	hr.tall {	1366	hr.tall {
1238	margin: 30px 0;	1367	margin: 30px 0;
1239	background-image: -webkit-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);	1368	background-image: -webkit-linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);
1240	background-image: linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);	1369	background-image: linear-gradient(left,transparent,rgba(0,0,0,.2),transparent);
1241	border: 0;	1370	border: 0;
1242	height: 1px;	1371	height: 1px;
1243	}	1372	}
1244	.entry-content {	1373	.entry-content {
1245	h3 {	1374	h3 {
1246	font-size: 1.7em;	1375	font-size: 1.7em;
1247	font-weight: normal;	1376	font-weight: normal;
1248	color: @theme-color;	1377	color: @theme-color;
1249	letter-spacing: normal;	1378	letter-spacing: normal;
1250	line-height: 24px;	1379	line-height: 24px;
1251	margin-bottom: 33px;	1380	margin-bottom: 33px;
1252	text-transform: uppercase;	1381	text-transform: uppercase;
1253	}	1382	}
1254	p {	1383	p {
1255	font-size: 14px;	1384	font-size: 14px;
1256	line-height: 24px;	1385	line-height: 24px;
1257	margin-bottom: 20px;	1386	margin-bottom: 20px;
1258	}	1387	}
1259	.lead {	1388	.lead {
1260	font-size: 21px;	1389	font-size: 21px;
1261	line-height: 1.4;	1390	line-height: 1.4;
1262	}	1391	}
1263	}	1392	}
1264	.history {	1393	.history {
1265	margin: 25px 0;	1394	margin: 25px 0;
1266	padding: 0;	1395	padding: 0;
1267	clear: both;	1396	clear: both;
1268		1397
1269	.thumb {	1398	.thumb {
1270	background: transparent url(../images/history-thumb.png) no-repeat 0 0;	1399	background: transparent url(../images/history-thumb.png) no-repeat 0 0;
1271	width: 227px;	1400	width: 227px;
1272	height: 160px;	1401	height: 160px;
1273	margin: 0 0 30px;	1402	margin: 0 0 30px;
1274	padding: 0;	1403	padding: 0;
1275	float: right;	1404	float: right;
1276		1405
1277	img {	1406	img {
1278	border-radius: 50%;	1407	border-radius: 50%;
1279	margin: 7px 8px;	1408	margin: 7px 8px;
1280	width: 145px;	1409	width: 145px;
1281	height: 145px;	1410	height: 145px;
1282	}	1411	}
1283	}	1412	}
1284	h4 {	1413	h4 {
1285	float: right;	1414	float: right;
1286	margin: 15px 0;	1415	margin: 15px 0;
1287	padding: 0;	1416	padding: 0;
1288	color: @theme-color;	1417	color: @theme-color;
1289	line-height: 27px;	1418	line-height: 27px;
1290	}	1419	}
1291	p {	1420	p {
1292	margin: 0;	1421	margin: 0;
1293	margin-right: 55px;	1422	margin-right: 55px;
1294	line-height: 24px;	1423	line-height: 24px;
1295	}	1424	}
1296	}	1425	}
1297	.featured-box {	1426	.featured-box {
1298	background: #f5f5f5;	1427	background: #f5f5f5;
1299	background-color: transparent;	1428	background-color: transparent;
1300	background: linear-gradient(to bottom,white 1%,#f9f9f9 98%) repeat scroll 0 0 transparent;	1429	background: linear-gradient(to bottom,white 1%,#f9f9f9 98%) repeat scroll 0 0 transparent;
1301	box-sizing: border-box;	1430	box-sizing: border-box;
1302	border-bottom: 1px solid #DFDFDF;	1431	border-bottom: 1px solid #DFDFDF;
1303	border-left: 1px solid #ECECEC;	1432	border-left: 1px solid #ECECEC;
1304	border-radius: 8px;	1433	border-radius: 8px;
1305	border-right: 1px solid #ECECEC;	1434	border-right: 1px solid #ECECEC;
1306	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04);	1435	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04);
1307	margin-bottom: 20px;	1436	margin-bottom: 20px;
1308	margin-left: auto;	1437	margin-left: auto;
1309	margin-right: auto;	1438	margin-right: auto;
1310	margin-top: 20px;	1439	margin-top: 20px;
1311	min-height: 100px;	1440	min-height: 100px;
1312	position: relative;	1441	position: relative;
1313	text-align: center;	1442	text-align: center;
1314	z-index: 1;	1443	z-index: 1;
1315		1444
1316	.box-content {	1445	.box-content {
1317	border-radius: 8px;	1446	border-radius: 8px;
1318	border-top: 4px solid @theme-color;	1447	border-top: 4px solid @theme-color;
1319	padding: 30px 20px;	1448	padding: 30px 20px;
1320	}	1449	}
1321	h4 {	1450	h4 {
1322	font-size: 1.3em;	1451	font-size: 1.3em;
1323	font-weight: 400;	1452	font-weight: 400;
1324	letter-spacing: -0.7px;	1453	letter-spacing: -0.7px;
1325	text-transform: uppercase;	1454	text-transform: uppercase;
1326	}	1455	}
1327	.block-flickr-photos {	1456	.block-flickr-photos {
1328	border: 0;	1457	border: 0;
1329		1458
1330	.block-title {	1459	.block-title {
1331	display: none;	1460	display: none;
1332	}	1461	}
1333	a.flickr-image {	1462	a.flickr-image {
1334	margin: 5px;	1463	margin: 5px;
1335	display: inline-block;	1464	display: inline-block;
1336	border: 1px solid #dcdcdc;	1465	border: 1px solid #dcdcdc;
1337	padding: 5px;	1466	padding: 5px;
1338	border-radius: 5px;	1467	border-radius: 5px;
1339		1468
1340	img {	1469	img {
1341	max-width: 100%;	1470	max-width: 100%;
1342	width: 75px;	1471	width: 75px;
1343	}	1472	}
1344	}	1473	}
1345	}	1474	}
1346	}	1475	}
1347	.history .featured-box {	1476	.history .featured-box {
1348	text-align: right;	1477	text-align: right;
1349	margin-right: 225px;	1478	margin-right: 225px;
1350	margin-bottom: 35px;	1479	margin-bottom: 35px;
1351	min-height: 115px;	1480	min-height: 115px;
1352		1481
1353	.box-content {	1482	.box-content {
1354	border-top-color: @theme-color;	1483	border-top-color: @theme-color;
1355	}	1484	}
1356	}	1485	}
1357	#newsletter_popup {	1486	#newsletter_popup {
1358	background: #ffffff url(../images/shop_newsletter_popup.jpg) no-repeat;	1487	background: #ffffff url(../images/shop_newsletter_popup.jpg) no-repeat;
1359	box-shadow: 0 0 50px rgba(0, 0, 0, .12);	1488	box-shadow: 0 0 50px rgba(0, 0, 0, .12);
1360	background-position: center;	1489	background-position: center;
1361	background-size: cover;	1490	background-size: cover;
1362	padding: 4rem 2.5rem;	1491	padding: 4rem 2.5rem;
1363	margin: 0;	1492	margin: 0;
1364	width: 740px;	1493	width: 740px;
1365	min-height: 300px;	1494	min-height: 300px;
1366	text-align: right;	1495	text-align: right;
1367	position: relative;	1496	position: relative;
1368	.text_left {	1497	.text_left {
1369	img {	1498	img {
1370	max-width: 111px;	1499	max-width: 111px;
1371	display: block;	1500	display: block;
1372	}	1501	}
1373	}	1502	}
1374	form.subscribe {display: flex;align-items: center;}	1503	form.subscribe {display: flex;align-items: center;}
1375	.field {flex: 1;}	1504	.field {flex: 1;}
1376	.field,.actions {margin-bottom: 20px;}	1505	.field,.actions {margin-bottom: 20px;}
1377	input[type="email"] {	1506	input[type="email"] {
1378	height: 3rem;	1507	height: 3rem;
1379	border: none;	1508	border: none;
1380	border-radius: 0 1.5rem 1.5rem 0;	1509	border-radius: 0 1.5rem 1.5rem 0;
1381	background: #f4f4f4;	1510	background: #f4f4f4;
1382	box-shadow: none !important;	1511	box-shadow: none !important;
1383	padding-right: 1.375rem;	1512	padding-right: 1.375rem;
1384	}	1513	}
1385	.action.primary {	1514	.action.primary {
1386	height: 3rem;	1515	height: 3rem;
1387	padding-left: 2rem;	1516	padding-left: 2rem;
1388	padding-right: 1.5rem;	1517	padding-right: 1.5rem;
1389	border-radius: 1.5rem 0 0 1.5rem;	1518	border-radius: 1.5rem 0 0 1.5rem;
1390	box-shadow: none !important;	1519	box-shadow: none !important;
1391	margin-left: .5rem;	1520	margin-left: .5rem;
1392	font-weight: 700;	1521	font-weight: 700;
1393	}	1522	}
1394	label.checkbox {	1523	label.checkbox {
1395	display: inline-block;	1524	display: inline-block;
1396	margin-top: 0;	1525	margin-top: 0;
1397	margin-bottom: 0;	1526	margin-bottom: 0;
1398	margin-left: 5px;	1527	margin-left: 5px;
1399	}	1528	}
1400	.checkbox {	1529	.checkbox {
1401	font-size: .75rem;	1530	font-size: .75rem;
1402	input[type="checkbox"] {	1531	input[type="checkbox"] {
1403	-webkit-appearance: none;	1532	-webkit-appearance: none;
1404	-moz-appearance: none;	1533	-moz-appearance: none;
1405	border: 1px solid #ccc;	1534	border: 1px solid #ccc;
1406	width: 1.25rem;	1535	width: 1.25rem;
1407	height: 1.25rem;	1536	height: 1.25rem;
1408	margin-top: -.1rem;	1537	margin-top: -.1rem;
1409	margin-left: 1px;	1538	margin-left: 1px;
1410	margin-right: 5px;	1539	margin-right: 5px;
1411	vertical-align: middle;	1540	vertical-align: middle;
1412	outline: none;	1541	outline: none;
1413	border-radius: 3px;	1542	border-radius: 3px;
1414	color: #555;	1543	color: #555;
1415	top: 0;	1544	top: 0;
1416	&:checked:before {	1545	&:checked:before {
1417	content: "\e8c5";	1546	content: "\e8c5";
1418	font-family: 'porto-icons';	1547	font-family: 'porto-icons';
1419	font-weight: 900;	1548	font-weight: 900;
1420	margin: 0;	1549	margin: 0;
1421	width: 1.15rem;	1550	width: 1.15rem;
1422	height: 1.2rem;	1551	height: 1.2rem;
1423	line-height: 1.2rem;	1552	line-height: 1.2rem;
1424	float: left;	1553	float: left;
1425	font-size: 11px;	1554	font-size: 11px;
1426	text-align: center;	1555	text-align: center;
1427	}	1556	}
1428	}	1557	}
1429	}	1558	}
1430	div.mage-error[generated] {	1559	div.mage-error[generated] {
1431	position: absolute;	1560	position: absolute;
1432	margin-top: 40px;	1561	margin-top: 40px;
1433	font-size: .87em;	1562	font-size: .87em;
1434	}	1563	}
1435	}	1564	}
1436	}	1565	}
1437		1566
1438	.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {	1567	.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
1439	.footer-bottom {	1568	.footer-bottom {
1440	& > .container > * {	1569	& > .container > * {
1441	float: none !important;	1570	float: none !important;
1442	line-height: 35px !important;	1571	line-height: 35px !important;
1443	}	1572	}
1444	}	1573	}
1445	.history {	1574	.history {
1446	.featured-box {	1575	.featured-box {
1447	margin-right: 0;	1576	margin-right: 0;
1448	}	1577	}
1449	.thumb {	1578	.thumb {
1450	display: none;	1579	display: none;
1451	}	1580	}
1452	}	1581	}
1453	}	1582	}
1454	@media (min-width: 768px) {	1583	@media (min-width: 768px) {
1455	.onepage-category{	1584	.onepage-category{
1456	>.category-list{	1585	>.category-list{
1457	>ul{	1586	>ul{
1458	>li{	1587	>li{
1459	margin-bottom: 1rem;	1588	margin-bottom: 1rem;
1460	}	1589	}
1461	}	1590	}
1462	}	1591	}
1463	}	1592	}
1464	.pt_row-o-full-height>.container>.row, .pt_row-o-equal-height>.container>.row>.pt_column_container>.pt_column-inner {	1593	.pt_row-o-full-height>.container>.row, .pt_row-o-equal-height>.container>.row>.pt_column_container>.pt_column-inner {
1465	height: 100%;	1594	height: 100%;
1466	}	1595	}
1467	.footer .footer-top .widget {	1596	.footer .footer-top .widget {
1468	margin: 0;	1597	margin: 0;
1469	}	1598	}
1470	}	1599	}
1471	@media(max-width:1199px){	1600	@media(max-width:1199px){
1472	.onepage-cat.category-list+.main.container{padding:0 50px;}	1601	.onepage-cat.category-list+.main.container{padding:0 50px;}
1473	.onepage-category {	1602	.onepage-category {
1474	.category-detail {	1603	.category-detail {
1475	.menu-popup ul>li> a{font-size:11px;}	1604	.menu-popup ul>li> a{font-size:11px;}
1476	.title-menu>.menu-popup{padding:10px 0;}	1605	.title-menu>.menu-popup{padding:10px 0;}
1477	.title-menu>a{margin-top:46px;}	1606	.title-menu>a{margin-top:46px;}
1478	}	1607	}
1479	}	1608	}
1480	}	1609	}
1481	@media (max-width:991px) {	1610	@media (max-width:991px) {
1482	.footer .footer-bottom >.container {justify-content: flex-end;}	1611	.footer .footer-bottom >.container {justify-content: flex-end;}
1483	.footer .footer-bottom .custom-block.f-right {padding-right: 0;text-align: right;}	1612	.footer .footer-bottom .custom-block.f-right {padding-right: 0;text-align: right;}
1484	.porto-ibanner-layer {	1613	.porto-ibanner-layer {
1485	font-size:.875rem	1614	font-size:.875rem
1486	}	1615	}
1487	}	1616	}
1488	@media (min-width: 768px) and (max-width:991px) {	1617	@media (min-width: 768px) and (max-width:991px) {
1489	.onepage-category{	1618	.onepage-category{
1490	>.category-list{	1619	>.category-list{
1491	.nav-open &{position:absolute;}	1620	.nav-open &{position:absolute;}
1492	}	1621	}
1493	}	1622	}
1494	}	1623	}
1495	@media (max-width: 767px) {	1624	@media (max-width: 767px) {
1496	#newsletter_popup {	1625	#newsletter_popup {
1497	width: 100% !important;	1626	width: 100% !important;
1498	.col-10 {	1627	.col-10 {
1499	flex: 0 0 100%;	1628	flex: 0 0 100%;
1500	max-width: 100%;	1629	max-width: 100%;
1501	}	1630	}
1502	}	1631	}
1503	.porto-ibanner-layer {	1632	.porto-ibanner-layer {
1504	font-size:.8125rem	1633	font-size:.8125rem
1505	}	1634	}
1506	.cms-index-index .onepage-category,.onepage-category{display:block}	1635	.cms-index-index .onepage-category,.onepage-category{display:block}
1507	.onepage-category{	1636	.onepage-category{
1508	>.category-list{	1637	>.category-list{
1509	width:auto;	1638	width:auto;
1510	float:none;	1639	float:none;
1511	padding:0;	1640	padding:0;
1512	min-height:0;	1641	min-height:0;
1513	position:static;	1642	position:static;
1514	margin-bottom:20px;	1643	margin-bottom:20px;
1515	>ul{	1644	>ul{
1516	padding:0;	1645	padding:0;
1517	>li{	1646	>li{
1518	margin:0;	1647	margin:0;
1519	display:inline-block;	1648	display:inline-block;
1520	>a:after,>a:hover>span{display:none;}	1649	>a:after,>a:hover>span{display:none;}
1521	}	1650	}
1522	}	1651	}
1523	}	1652	}
1524	>.category-details{	1653	>.category-details{
1525	float:none;	1654	float:none;
1526	width:auto;	1655	width:auto;
1527	}	1656	}
1528	>.category-list>ul{position:static!important;}	1657	>.category-list>ul{position:static!important;}
1529	.category-detail {	1658	.category-detail {
1530	.menu-popup {	1659	.menu-popup {
1531	>ul{	1660	>ul{
1532	display:block;	1661	display:block;
1533	&.columns5>li{	1662	&.columns5>li{
1534	width:50%;	1663	width:50%;
1535	padding:10px 15px;	1664	padding:10px 15px;
1536	&:nth-child(5n+1){	1665	&:nth-child(5n+1){
1537	border-right:1px solid #bebebe;	1666	border-right:1px solid #bebebe;
1538	clear:none;	1667	clear:none;
1539	}	1668	}
1540	&:nth-child(2n+1){	1669	&:nth-child(2n+1){
1541	border-right:0;	1670	border-right:0;
1542	clear:right;	1671	clear:right;
1543	}	1672	}
1544	}	1673	}
1545	}	1674	}
1546	ul>li> a{font-size:14px;}	1675	ul>li> a{font-size:14px;}
1547	}	1676	}
1548	}	1677	}
1549	}	1678	}
1550	}	1679	}
1551		1680
1552	@media (max-width: 575px) {	1681	@media (max-width: 575px) {
1553	.porto-ibanner-layer {	1682	.porto-ibanner-layer {
1554	font-size:.75rem	1683	font-size:.75rem
1555	}	1684	}
1556	.onepage-category .category-detail .products-area .category-link{	1685	.onepage-category .category-detail .products-area .category-link{
1557	margin-right:0;	1686	margin-right:0;
1558	margin-bottom: 25px;	1687	margin-bottom: 25px;
1559	float:none;	1688	float:none;
1560	display:inline-block;	1689	display:inline-block;
1561	}	1690	}
1562	}	1691	}
1563	//carousel	1692	//carousel
1564	.has-ccols:not(.owl-loaded) {	1693	.has-ccols:not(.owl-loaded) {
1565	display: flex;	1694	display: flex;
1566	width: auto;	1695	width: auto;
1567	}	1696	}
1568	.has-ccols {	1697	.has-ccols {
1569	flex-wrap: wrap;	1698	flex-wrap: wrap;
1570	}	1699	}
1571	.has-ccols.owl-carousel:not(.owl-loaded) {	1700	.has-ccols.owl-carousel:not(.owl-loaded) {
1572	flex-wrap: nowrap;	1701	flex-wrap: nowrap;
1573	overflow: hidden;	1702	overflow: hidden;
1574	}	1703	}
1575	.has-ccols > , .ccols-wrap > {	1704	.has-ccols > , .ccols-wrap > {
1576	max-width: 100% !important;	1705	max-width: 100% !important;
1577	flex: 0 0 auto !important;	1706	flex: 0 0 auto !important;
1578	width: var(--porto-cw, 100%) !important;	1707	width: var(--porto-cw, 100%) !important;
1579	}	1708	}
1580	.porto-carousel .elementor-column {	1709	.porto-carousel .elementor-column {
1581	width: 100% !important;	1710	width: 100% !important;
1582	}	1711	}
1583	.has-ccols > {	1712	.has-ccols > {
1584	.elementor-section, .elementor-column, .elementor-element {	1713	.elementor-section, .elementor-column, .elementor-element {
1585	width: var(--porto-cw, 100%) !important;	1714	width: var(--porto-cw, 100%) !important;
1586	}	1715	}
1587	}	1716	}
1588	.owl-carousel.has-ccols:not(.owl-loaded) > * {	1717	.owl-carousel.has-ccols:not(.owl-loaded) > * {
1589	position: relative;	1718	position: relative;
1590	}	1719	}
1591	.ccols-1 {	1720	.ccols-1 {
1592	--porto-cw: 100%;	1721	--porto-cw: 100%;
1593	}	1722	}
1594	.ccols-2 {	1723	.ccols-2 {
1595	--porto-cw: 50%;	1724	--porto-cw: 50%;
1596	}	1725	}
1597	.ccols-3 {	1726	.ccols-3 {
1598	--porto-cw: 33.3333%;	1727	--porto-cw: 33.3333%;
1599	}	1728	}
1600	.ccols-4 {	1729	.ccols-4 {
1601	--porto-cw: 25%;	1730	--porto-cw: 25%;
1602	}	1731	}
1603	.ccols-5 {	1732	.ccols-5 {
1604	--porto-cw: 20%;	1733	--porto-cw: 20%;
1605	}	1734	}
1606	.ccols-6 {	1735	.ccols-6 {
1607	--porto-cw: 16.6666%;	1736	--porto-cw: 16.6666%;
1608	}	1737	}
1609	.ccols-7 {	1738	.ccols-7 {
1610	--porto-cw: 14.2857%;	1739	--porto-cw: 14.2857%;
1611	}	1740	}
1612	.ccols-8 {	1741	.ccols-8 {
1613	--porto-cw: 12.5%;	1742	--porto-cw: 12.5%;
1614	}	1743	}
1615	.ccols-9 {	1744	.ccols-9 {
1616	--porto-cw: 11.1111%;	1745	--porto-cw: 11.1111%;
1617	}	1746	}
1618	.ccols-10 {	1747	.ccols-10 {
1619	--porto-cw: 10%;	1748	--porto-cw: 10%;
1620	}	1749	}
1621	@media (min-width: 576px) {	1750	@media (min-width: 576px) {
1622	.ccols-sm-1 > * {	1751	.ccols-sm-1 > * {
1623	--porto-cw: 100%;	1752	--porto-cw: 100%;
1624	}	1753	}
1625	.ccols-sm-2 > * {	1754	.ccols-sm-2 > * {
1626	--porto-cw: 50%;	1755	--porto-cw: 50%;
1627	}	1756	}
1628	.ccols-sm-3 > * {	1757	.ccols-sm-3 > * {
1629	--porto-cw: 33.3333%;	1758	--porto-cw: 33.3333%;
1630	}	1759	}
1631	.ccols-sm-4 > * {	1760	.ccols-sm-4 > * {
1632	--porto-cw: 25%;	1761	--porto-cw: 25%;
1633	}	1762	}
1634	.ccols-sm-5 > * {	1763	.ccols-sm-5 > * {
1635	--porto-cw: 20%;	1764	--porto-cw: 20%;
1636	}	1765	}
1637	.ccols-sm-6 > * {	1766	.ccols-sm-6 > * {
1638	--porto-cw: 16.6666%;	1767	--porto-cw: 16.6666%;
1639	}	1768	}
1640	}	1769	}
1641	@media (min-width: 768px) {	1770	@media (min-width: 768px) {
1642	.ccols-md-1 > * {	1771	.ccols-md-1 > * {
1643	--porto-cw: 100%;	1772	--porto-cw: 100%;
1644	}	1773	}
1645	.ccols-md-2 > * {	1774	.ccols-md-2 > * {
1646	--porto-cw: 50%;	1775	--porto-cw: 50%;
1647	}	1776	}
1648	.ccols-md-3 > * {	1777	.ccols-md-3 > * {
1649	--porto-cw: 33.3333%;	1778	--porto-cw: 33.3333%;
1650	}	1779	}
1651	.ccols-md-4 > * {	1780	.ccols-md-4 > * {
1652	--porto-cw: 25%;	1781	--porto-cw: 25%;
1653	}	1782	}
1654	.ccols-md-5 > * {	1783	.ccols-md-5 > * {
1655	--porto-cw: 20%;	1784	--porto-cw: 20%;
1656	}	1785	}
1657	.ccols-md-6 > * {	1786	.ccols-md-6 > * {
1658	--porto-cw: 16.6666%;	1787	--porto-cw: 16.6666%;
1659	}	1788	}
1660	}	1789	}
1661	@media (min-width: 992px) {	1790	@media (min-width: 992px) {
1662	.ccols-lg-1 > * {	1791	.ccols-lg-1 > * {
1663	--porto-cw: 100%;	1792	--porto-cw: 100%;
1664	}	1793	}
1665	.ccols-lg-2 > * {	1794	.ccols-lg-2 > * {
1666	--porto-cw: 50%;	1795	--porto-cw: 50%;
1667	}	1796	}
1668	.ccols-lg-3 > * {	1797	.ccols-lg-3 > * {
1669	--porto-cw: 33.3333%;	1798	--porto-cw: 33.3333%;
1670	}	1799	}
1671	.ccols-lg-4 > * {	1800	.ccols-lg-4 > * {
1672	--porto-cw: 25%;	1801	--porto-cw: 25%;
1673	}	1802	}
1674	.ccols-lg-5 > * {	1803	.ccols-lg-5 > * {
1675	--porto-cw: 20%;	1804	--porto-cw: 20%;
1676	}	1805	}
1677	.ccols-lg-6 > * {	1806	.ccols-lg-6 > * {
1678	--porto-cw: 16.6666%;	1807	--porto-cw: 16.6666%;
1679	}	1808	}
1680	.ccols-lg-7 > * {	1809	.ccols-lg-7 > * {
1681	--porto-cw: 14.2857%;	1810	--porto-cw: 14.2857%;
1682	}	1811	}
1683	.ccols-lg-8 > * {	1812	.ccols-lg-8 > * {
1684	--porto-cw: 12.5%;	1813	--porto-cw: 12.5%;
1685	}	1814	}
1686	.ccols-lg-9 > * {	1815	.ccols-lg-9 > * {
1687	--porto-cw: 11.1111%;	1816	--porto-cw: 11.1111%;
1688	}	1817	}
1689	}	1818	}
1690	@media (min-width: 1592px) {	1819	@media (min-width: 1592px) {
1691	.ccols-xl-2 > * {	1820	.ccols-xl-2 > * {
1692	--porto-cw:50%;	1821	--porto-cw:50%;
1693	}	1822	}
1694	.ccols-xl-3 > * {	1823	.ccols-xl-3 > * {
1695	--porto-cw: 33.3333%;	1824	--porto-cw: 33.3333%;
1696	}	1825	}
1697	.ccols-xl-4 > * {	1826	.ccols-xl-4 > * {
1698	--porto-cw: 25%;	1827	--porto-cw: 25%;
1699	}	1828	}
1700	.ccols-xl-5 > * {	1829	.ccols-xl-5 > * {
1701	--porto-cw: 20%;	1830	--porto-cw: 20%;
1702	}	1831	}
1703	.ccols-xl-6 > * {	1832	.ccols-xl-6 > * {
1704	--porto-cw: 16.6666%;	1833	--porto-cw: 16.6666%;
1705	}	1834	}
1706	.ccols-xl-7 > * {	1835	.ccols-xl-7 > * {
1707	--porto-cw: 14.2857%;	1836	--porto-cw: 14.2857%;
1708	}	1837	}
1709	.ccols-xl-8 > * {	1838	.ccols-xl-8 > * {
1710	--porto-cw: 12.5%;	1839	--porto-cw: 12.5%;
1711	}	1840	}
1712	.ccols-xl-9 > * {	1841	.ccols-xl-9 > * {
1713	--porto-cw: 11.1111%;	1842	--porto-cw: 11.1111%;
1714	}	1843	}
1715	.ccols-xl-10 > * {	1844	.ccols-xl-10 > * {
1716	--porto-cw: 10%;	1845	--porto-cw: 10%;
1717	}	1846	}
1718	}	1847	}
1719	@media (min-width: 1400px) {	1848	@media (min-width: 1400px) {
1720	.ccols-sl-10 > * {	1849	.ccols-sl-10 > * {
1721	--porto-cw:10%;	1850	--porto-cw:10%;
1722	}	1851	}
1723	.ccols-sl-9 > * {	1852	.ccols-sl-9 > * {
1724	--porto-cw: 11.1111%;	1853	--porto-cw: 11.1111%;
1725	}	1854	}
1726	.ccols-sl-8 > * {	1855	.ccols-sl-8 > * {
1727	--porto-cw: 12.5%;	1856	--porto-cw: 12.5%;
1728	}	1857	}
1729	.ccols-sl-7 > * {	1858	.ccols-sl-7 > * {
1730	--porto-cw: 14.2857%;	1859	--porto-cw: 14.2857%;
1731	}	1860	}
1732	}	1861	}
1733	.has-ccols.owl-loaded > div {	1862	.has-ccols.owl-loaded > div {
1734	flex: none !important;	1863	flex: none !important;
1735	width: auto !important;	1864	width: auto !important;
1736	max-width: none !important;	1865	max-width: none !important;
1737	}	1866	}
1738	.has-ccols.owl-loaded > .owl-nav {	1867	.has-ccols.owl-loaded > .owl-nav {
1739	width: 100% !important;	1868	width: 100% !important;
1740	}	1869	}
1741	.row > .porto-carousel {	1870	.row > .porto-carousel {
1742	padding-left: 0;	1871	padding-left: 0;
1743	padding-right: 0	1872	padding-right: 0
1744	}	1873	}